html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: "Microsoft YaHei";
font-size: 12px;
vertical-align: middle;
}
a{ color:#333; text-decoration:none;}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.wrap{
display:block;
width:1180px;
margin:0 auto;
}
.top{
width:1180px;
margin: 0 auto;
height:30px;
text-align: center;
line-height: 30px;
font-size:12px;
}
.box{
display:block;
width:100%;
margin:0 auto;
background: #ccc;
text-align: center;
vertical-align: middle;
}
.a{
color: #333333;
font-size: 12px;
}
.fl{
float:left;
}
.fr{
float: right;
}
.top-fr{
text-align: center;
height:30px;
line-height: 30px;
}
.clear{
clear:both;
}
.head{ height:110px; background-color:#eee;}
.ms{
font-size: 18px;
text-align: left;
margin-top: 25px;
margin-left: 40px;
padding-left: 20px;
border-left: 1px solid #ccc;
line-height: 30px;
font-weight: bold;
width: 240px;
}
.logo{
text-align: center;
margin-top: 15px;
}
.ms span{
color:#d3000f;
}
.tell{
margin-top: 5px;
margin-left: 65px;
text-align:right;
position: relative;
float: left;
}
.tell h1{
font-size:16px;
/* font-style: italic; */
/* position: absolute; */
/* width: 440px; */
}
.tell h1 img{
vertical-align: middle;
float: left;
margin-top: 20px;
}
.tell h1 p{
color: #333;
width: 210px;
line-height: 25px;
text-align:left;
position: absolute;
left: 90px;
}
.tell h1 p a{
font-size: 18px;
vertical-align: middle;
color: #d90024;
font-weight: bold;
letter-spacing: 0.3em;
}
/*nav*/
.nav_box{
width:100%;
height: 44px;
background: url(../images/nav_bj.jpg) no-repeat center;
}
.nav{
font-size: 16px;
line-height: 44px;
margin:0 auto;
}
.nav ul li{ text-align:center; float:left; height: 44px; line-height: 44px;}
.nav ul li a{ font-size:16px; text-decoration:none; display:block;padding: 0 27px; color:#fff;}
.nav ul li a:hover{ background-color:#d90024;}
/*wt*/
.xw_e{height: 275px; background:url(../images/wt+nav_bj.jpg) no-repeat center;border-bottom: 1px solid #fff;}
.xw_d{ height: 125px; }
.xw_l{ width: 145px; height:50px; float:left;margin-top: 20px;}
.xw_l h3 a{ font-size:18px;}
.xw_l img{ vertical-align:middle; padding-right:10px; float:left;}
.xw_r{ width:880px; height:115px; float:left;}
#demo2{ width: 955px; height:115px; overflow: hidden; /* position:relative; */margin-top: 20px;}
#demo2 ul{ margin-top:0; /* height: 114px; */ overflow: hidden;}
#demo2 li{ width:440px; height:130px; float:left;margin-left: 35px;}
.xw_g{margin-top: 63px;}
.wen{ width:360px; height:40px; line-height:40px; overflow:hidden; background:url(../images/tb.jpg) no-repeat;}
.wen a{ font-weight:bold;padding-left:40px;}
.da{ width:360px; height:75px; line-height:25px; overflow:hidden; padding-left:40px;}
/*links*/
.link{ overflow:hidden; height: 40px; line-height: 40px;}
.link h3{ width: 100px;height: 40px;border-left: 5px solid #d90024;line-height: 40px;padding-left: 10px;float: left;}
.link h3 a{color: #333;font-size:14px;line-height: 20px;}
.link h3 a em{color: #d90024;font-size:18px;}
.link ul{ float:left; margin-left: 20px; width: 1020px;}
.link li{ margin-right:35px; float:left; height: 45px; line-height: 50px;}
.link li a{ font-size:12px; color: #333;}
.link li a:hover{
color:#d90024;
}
/*nav*/
.nav1_box{
margin-top:20px;
width:100%;
height: 44px;
background: url(../images/nav_bj.jpg) no-repeat center;
}
.nav1{
font-size: 16px;
line-height: 44px;
margin:0 auto;
}
.nav1 ul li{ text-align:center; float:left; height: 44px; line-height: 44px;}
.nav1 ul li a{ font-size:16px; text-decoration:none; display:block;padding: 0 27px; color:#fff;}
.nav1 ul li a:hover{ background-color:#d90024;}
/*foot*/
.f_text{
font-size:14px;
width:500px;
text-align: center;
line-height:24px;
color:#333;
vertical-align: top;
white-space: pre;
}
.foot{
height: 160px;
width: 100%;
margin: 0 auto;
line-height: 30px;
text-align: center;
font-size:14px;
padding-top: 30px;
background-color: #eee;
}
.foot a{
color:#333;
}
/* side */
.izl-rmenu{
margin-right: 0;
width: 82px;
position: fixed;
right: 2px;
top: 40%;
-webkit-box-shadow: #DDD 0px 1px 5px;
-moz-box-shadow: #DDD 0px 1px 5px;
box-shadow: #DDD 0px 1px 5px;
z-index:999;
}
.izl-rmenu .consult{
background-image: url(../images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center -77px;
display: block;
height: 76px;
width: 82px;
}
.izl-rmenu .consult .phone {
background-color: rgb(247,247,255);
position: absolute;
width: 160px;
left: -160px;
top: 0px;
line-height: 73px;
color: #000;
font-size: 18px;
text-align: center;
display: none;
box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
background-image: url(../images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center bottom;
display: block;
height: 16px;
width: 16px;
font-size: 12px;
line-height: 16px;
color: #45BDFF;
text-align: center;
padding-top: 15px;
padding-right: 18px;
padding-bottom: 47px;
padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
background-image: url(../images/float_top.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 39px;
width: 82px;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
background-image: url(../images/float_top.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.izl-rmenu .cart .pic {
display:none;
position: absolute;
left: -160px;
top: 65px;
width: 160px;
height: 160px;
background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
position: fixed;
right: 2px;
top: 40%;
margin-top: -76px;
-webkit-box-shadow: #DDD 0px -1px 5px;
-moz-box-shadow: #DDD 0px -1px 5px;
box-shadow: #DDD 0px -1px 5px;
z-index: 10000;
cursor: pointer;
background-image: url(../images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 76px;
width: 82px;
background-color: #FFF!important;
z-index:999;
}